<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="../templates/plantillaAdmin.xhtml">
	<ui:define name="content">
		<h:form prependId="false" id="growlForm">
			<p:growl id="growl" showDetail="false" />
			<!--p:messages id="messages" showDetail="true" autoUpdate="true"/-->
		</h:form>
		<h:form prependId="false" id="dataForm" enctype="multipart/form-data">
			<p:panel header="Mantenimiento de Usuarios">
				<h:panelGrid id="grid" columns="3">  
							<h:outputLabel for="tipoPersona" value="Tipo de Persona: " style="font-weight: bold;" />

							<p:selectOneMenu value="#{usuarioBean.idTipoPersona}" 
								required="true" 
								requiredMessage="Seleccione el tipo de persona"
								validatorMessage="No puede ser nulo"
								style="width:150px" id="tipoPersona">
								<f:selectItem itemLabel="Seleccione" itemValue="" />
								<f:selectItems itemLabel="#{tipoPersona.descripcion}"
									itemValue="#{tipoPersona.codigo}"
									value="#{usuarioBean.listaTipoPersona}" var="tipoPersona" />
							</p:selectOneMenu>
							<p:message for="tipoPersona" display="icon" />
	

							<h:outputLabel for="inputNombre" value="Nombres:" style="font-weight: bold;" />


							<p:inputText id="inputNombre" requiredMessage="Ingrese el nombre de la persona"
								value="#{usuarioBean.usuario.nombres}" required="true" style="width:400px" />
							<p:message for="inputApellidoPaterno" display="icon" />


							<h:outputLabel for="inputApellidoPaterno" style="font-weight: bold;"
								value="Appellido Paterno:"  />

							<p:inputText id="inputApellidoPaterno" requiredMessage="Ingrese el apellido paterno"
								value="#{usuarioBean.usuario.apellidoPaterno}" required="true"
								style="width:400px" />
							<p:message for="inputApellidoPaterno" display="icon" />


							<h:outputLabel for="inputApellidoMaterno" style="font-weight: bold;"
								value="Apellido Materno:"  />

							<p:inputText id="inputApellidoMaterno" requiredMessage="ingrese el apellido materno"
								value="#{usuarioBean.usuario.apellidoMaterno}" required="true"
								style="width:400px" />
							<p:message for="inputApellidoMaterno" display="icon" />


							<h:outputLabel for="tipoSexo" value="Género Sexual: " style="font-weight: bold;" />
	
	
							<p:selectOneMenu value="#{usuarioBean.usuario.sexo}" required="true" requiredMessage="Seleccione el genero"
								style="width:150px" id="tipoSexo">
								<f:selectItem itemLabel="Seleccione" itemValue="-" />
								<f:selectItem itemLabel="Masculino" itemValue="M" />
								<f:selectItem itemLabel="Femenino" itemValue="F" />
							</p:selectOneMenu>
							<p:message for="tipoSexo" display="icon" />


							<h:outputLabel for="inputfechaNacimiento" style="font-weight: bold;"
								value="Fec. Nacimiento:"  />
	

							<p:calendar effect="explode" id="inputfechaNacimiento" requiredMessage="Ingrese una  fecha"
								value="#{usuarioBean.usuario.fechaNacimiento}" required="true"
								readOnlyInputText="true" />
							<p:message for="inputfechaNacimiento" display="icon" />



							<h:outputLabel for="inputNumeroTelefono" value="Teléfono:" style="font-weight: bold;"
								/>

							<p:inputText id="inputNumeroTelefono" requiredMessage="Ingrese el número de teléfono"
								value="#{usuarioBean.usuario.telefono}" required="true" style="width:400px" />
							<p:message for="inputNumeroTelefono" display="icon" />


							<h:outputLabel for="inputEmail" value="Email:" style="font-weight: bold;"
								 />

							<p:inputText id="inputEmail" requiredMessage="Ingrese el email"
								value="#{usuarioBean.usuario.correo}" style="width:400px"  required="true" />
							<p:message for="inputEmail" display="icon" />


							<h:outputLabel for="tipoDocumento" value="Tipo de Documento:" style="font-weight: bold;"
								 />

							<p:selectOneMenu value="#{usuarioBean.idTipoDocumento}" required="true" requiredMessage="Seleccione el tipo de documento"
								style="width:150px" id="tipoDocumento">
								<f:selectItem itemLabel="Seleccione" itemValue="" />
								<f:selectItems itemLabel="#{tipoDocumento.descripcion}"
									itemValue="#{tipoDocumento.codigo}"
									value="#{usuarioBean.listaTipoDocumento}"
									var="tipoDocumento" />
							</p:selectOneMenu>
							<p:message for="tipoDocumento" display="icon" />

							<h:outputLabel for="inputNumeroDocumento" value="Num. Documento:" style="font-weight: bold;"
								 />

							<p:inputText id="inputNumeroDocumento" requiredMessage="Ingrese el número de documento"
								value="#{usuarioBean.usuario.numeroDocumento}" required="true" style="width:400px" />
							<p:message for="inputNumeroDocumento" display="icon" />


							<h:outputLabel for="inputUsuario" value="Usuario:" style="font-weight: bold;"
								 />

							<p:inputText id="inputUsuario" requiredMessage="Ingrese el nombre de usuario"
								value="#{usuarioBean.usuario.usuario}"  required="true" style="width:400px" />
							<p:message for="inputUsuario" display="icon" />

							<h:outputLabel for="inputClave" value="Clave:" style="font-weight: bold;"
								 />

							<p:password id="inputClave" value="#{usuarioBean.usuario.clave}" required="true" requiredMessage="Ingrese una clave"
								feedback="true" style="width:100px"  />
							<p:message for="inputClave" display="icon" />

				</h:panelGrid>  
				<p:row>
					<p:column>
						<p:commandButton id="createSaveButton"
							value="#{messages.label_save}" update=":growlForm:growl :dataForm:grid" action="#{usuarioBean.persist}" />
					</p:column>
				</p:row>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
</html>